body .el-input__wrapper,body el-textarea__inner{
  border: none;
  box-shadow: none;
  background: none;
  border-radius: 0;
  height: 100%;
  padding: 0;
}
body .el-input__wrapper:hover{
  box-shadow: none;
}
body .el-pagination{
  display: block;
}
.el-select .el-input.is-focus .el-input__wrapper {
  box-shadow: none!important;
}
.el-select .el-input__wrapper.is-focus{
  box-shadow: none!important;
}
.el-select:hover .el-input__wrapper {
  box-shadow: none!important;
}
.el-input__wrapper.is-focus {
  box-shadow: none
}
textarea {
  box-shadow: none!important;
}
input{
  outline: none;
}
.el-select .el-input__wrapper {
  border: none!important;
}

.el-date-editor .el-input__wrapper {
  border: none!important;
}
.el-upload-dragger {
  width: 360px;
}
.el-select .el-input.is-disabled .el-input__wrapper {
  background-color: rgba(0,0,0,0);
  box-shadow: none;
}
body .el-form-item.is-error .el-input__wrapper {
  box-shadow: none;
}
.el-textarea__inner {
  border: 1px solid #dcdfe6;
}
.el-select,.el-input {
  border: 1px solid #eee;
}
.el-select .el-input {
  border: none;
}
.el-input-number .el-input__wrapper {
  padding: 0;
}
/*限制富文本图片大小*/
p>img {
  max-width: 100%;
  height: auto!important;
}
body{
    --theme:#023F7A;
}
:root{
    --theme1:rgba(253, 190, 135, 1);
}
/*列表页*/

.list-page {
    width: 100%;
    margin: 0px auto;
    padding: 20px calc((100% - 1200px)/2);
    background: #fff;
    overflow: hidden;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.list-page .list_search{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-page .list_search .search_view{
    display: flex;
    align-items: center;
    margin: 0px 10px 0px 0px;
}
.list-page .list_search .search_view .search_label{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-weight: 500;
    color: rgb(102, 102, 102);
    font-size: 16px;
    margin: 0px 10px 0px 0px;
    white-space: nowrap;
}
.list-page .list_search .search_view .search_box{
    width: 100%;
    display: flex;
    align-items: center;
}
.list-page .list_search .search_view .search_box .search_inp{
    border: 1px solid #ddd;
    padding: 0px 10px;
    width: 100%;
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    background: #fff;
    border-radius: 20px;
}
.list-page .list_search .search_view .search_box .search_inp .el-input__inner{
    border-radius: 0px;
}
.list-page .list_search .search_view .search_box .search_sel{
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    padding: 0px 10px;
    border-radius: 0px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border-radius: 20px;
}
.list-page .list_search .search_view .search_box .search_sel .el-input__inner{
    font-size: 16px;
    border-radius: 0px;
    border: 0px solid #ddd;
}

.list-page .list_search .search_view .search_box .search_date{
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    border-radius: 0px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 0px;
    background: #fff;
    border-radius: 20px;
}
.list-page .list_search .search_view .search_box .search_date .el-input__inner{
    border-radius: 0px;
    border: 0px solid #ddd;
}

.list-page .list_search .search_btn_view{
    display: flex;
    margin: 20px 0px;
}
.list-page .list_search .search_btn_view .search_btn{
    padding: 0px 24px;
    width: auto;
    height: 38px;
    border-radius: 0px;
    border: 0px;
    background: var(--theme1);
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 16px;
}
.list-page .list_search .search_btn_view .search_btn:hover{
}
.list-page .list_search .search_btn_view .add_btn{
    margin: 0px 10px;
    padding: 0px 24px;
    width: auto;
    height: 38px;
    border-radius: 0px;
    border: 0px;
    background: var(--theme);
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}
.list-page .list_search .search_btn_view .add_btn:hover{
}



.list-page .category_view{
    width: 100%;
    background: none;
    display: block;
    flex-wrap: wrap;
    margin: 20px 0 0;
    border:0;
    order:3;
    background: var(--theme);
    border-radius: 5px;
    display: flex;
    column-gap: 20px;
}

.list-page .category_view .category{
    line-height: 50px;
    color: #fff;
    text-align: center;
    padding: 0px 10px;
    cursor:pointer;
    font-size: 15px;
    display: inline-block;
    width: auto;
    min-width: 100px;
}
.list-page .category_view .category:last-child{
}

.list-page .category_view .category:hover{
    background:var(--theme) !important;
    border-color:var(--theme) !important;
    color: #fff !important;
}

.list-page .category_view .category.categoryActive{
    background: var(--theme1) !important;
    border-color:var(--theme) !important;
    color: #fff !important;
    border-top: 4px solid var(--theme);
    border-radius: 5px;
}



.list-page .sort-wrapper{
    width: 100%;
    padding: 14px;
    
    border-radius: 0 0 6px 6px;
    background: #fff;
    order: 3;
    box-shadow: 0px 4px 10px 0px rgba(127,192,255,0.5);
}
.list-page .sort-wrapper .el-button,.list-page .sort-wrapper .el-button:focus{
    height: 30px;
    padding: 0 10px;
    background: rgba(255, 245, 236, 1);
    width: 90px;
    border: 1px solid var(--theme1);
    color: var(--theme1);
}


.list-page .page_list{
    display: flex;
    align-items: flex-start;
    width: calc(100% - 240px);
    flex-wrap: wrap;
    margin: 20px 0 0;
    background:none;
    order:6;
    flex:1;
}

.list-page .data_box{
    width: 100%;
}

.list-page  .data_view{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px;
    gap: 15px;
}
.list-page .data_item{
    width: 390px;
    background: #fff;
    padding:10px;
    cursor: pointer;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    position:relative;
    border:1px solid #eee;
    box-shadow: 0px 2px 10px 0px rgba(127,192,255,0.5);
}

.list-page .data_item .data_img_box{
    overflow: hidden;
    margin: 0 0 10px;
    text-align:center;
    position:relative;
    width: 140px;
    height: 270px;
    border-radius: 0px 30px 0px 0px;
}

.list-page .data_item .data_img_box .play_img{
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 999;
    cursor: pointer;
}
.list-page .data_img{
    width: 100%;
    height: 100%;
}
.list-page .data_img .el-image__inner{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-page .data_content>div{
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: 14px;
    color: #000;
    text-align: left;
    padding: 0 10px;
}
.list-page  .data_content .data_price{
    width: 100%;
    text-align: left;
    font-size: 20px;
    color: rgba(168, 0, 0, 1);
}

.list-page  .data_content .data_operate_box{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-top:10px;
    background: #FDBE87;
    border-radius: 0px 30px 0px 0px;
    line-height: 40px;
    justify-content: space-between;
    color: #fff;
}
.list-page .sort-wrapper .el-button.active,.list-page .sort-wrapper .el-button:hover {
    background: var(--theme);
    color: #fff;
    border: none;
}

.list-page .data_content .data_title1 {
    line-height: 50px;
    background: #023F7A;
    border-radius: 0px 30px 0px 0px;
    color: #fff;
}

.list-page .data_content {
    width: 220px;
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.list-page .data_like,.list-page .data_collect,.list-page .data_clicknum {display: flex;align-items: center;column-gap: 6px;}
/*分页*/
/** 分页 **/
.el-pagination{
    width: 100%;
    background: none;
    margin: 20px 0px 0px;
    white-space: nowrap;
    padding: 5px 10px;
    color: rgb(51, 51, 51);
    font-weight: 500;
    text-align:center;
    order: 50;
}
.el-pagination .el-pagination__total{
    display: inline-block;
    font-size: 16px !important;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    margin: 0px 10px 0px 0px;
    font-weight: 400;
    color: rgb(102, 102, 102);
}
.el-pagination .btn-prev{
    border: none;
    margin: 0px 5px;
    padding: 0px 10px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    background: rgb(244, 244, 245);
    color: rgb(102, 102, 102);
    border-radius: 2px;
    min-width: 35px;
}
.el-pagination .btn-prev span{
    font-size: 16px;
}
.el-pagination .btn-next{
    border: none;
    margin: 0px 5px;
    padding: 0 10px;
    display: inline-block;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    background: rgb(244, 244, 245);
    min-width: 35px;
    color: rgb(102, 102, 102);
    border-radius: 2px;
}
.el-pagination .btn-next span{
    font-size: 16px;
}
 .el-pagination .btn-prev:disabled,.el-pagination .btn-next:disabled{
    border: none;
    margin: 0px 5px;
    padding: 0 10px;
    display: inline-block;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    background: rgb(244, 244, 245);
    color: rgb(192, 196, 204);
    border-radius: 2px;
    cursor: not-allowed;
}
/* 页码盒子 */
.el-pagination .el-pager{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}
.el-pagination .el-pager .number{
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    padding: 0px 4px;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0px 5px;
    background:#fff !important;
    color: rgb(102, 102, 102);
    min-width: 30px;
    border-radius: 2px;
}
.el-pagination .el-pager .number:hover{
    background:var(--theme) !important;
    color: rgb(255, 255, 255) !important;
}
.el-pagination .el-pager .number.is-active{
cursor: default;
    vertical-align: top;
    display: inline-block;
    padding: 0px 4px;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0px 5px;
    background:var(--theme) !important;
    color: rgb(255, 255, 255) !important;
    min-width: 30px;
    border-radius: 2px;
}
/* sizes盒子 */
 .el-pagination .el-pagination__sizes{
    display: inline-block;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
}
 .el-pagination .el-pagination__sizes .el-select{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0px;
    color: rgb(96, 98, 102);
    border-radius: 3px;
    border: 0px solid rgb(220, 223, 230);
    outline: 0px;
    background: rgb(255, 255, 255);
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
 .el-pagination .el-pagination__sizes .el-select .el-input__inner{
    font-size: 16px;
    border: 1px solid #dcdfe6;
}
/* jump盒子 */
.el-pagination .el-pagination__jump{
    display: inline-block;
    font-size: 16px !important;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    margin: 0px 0px 0px 24px;
    color: rgb(96, 98, 102);
}
.el-pagination .el-pagination__jump .el-input{
    width: auto;
    height: 28px;
    line-height: 28px;
    padding: 0px 3px;
    color: rgb(96, 98, 102);
    font-size: 16px;
    border-radius: 3px;
    border: 0px solid rgb(220, 223, 230);
    outline: 0px;
    background: rgb(255, 255, 255);
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.el-pagination .el-pagination__jump .el-input .el-input__inner{
    border: 1px solid #dcdfe6;
}

/*详情页*/

.detail-page {
    padding: 0 calc(50% - 600px) 30px;
    width: 100%;
    position: relative;
    font-size: 16px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.detail-page .video_view{
    border: 1px solid rgb(238, 238, 238);
    margin: 20px 0px;
    flex: 1;
    order: 4;
    position: relative;
}

.detail-page .video_view video{
    margin: 0px auto;
    border-radius: 0px;
    border: 0px;
    display: block;
    width: 100%;
    height: 480px;
}


.detail-page .detail_view{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
    width: 100%;
    background: #fff;
}


.detail-page .detail_view .swiper_view{
    width: 680px;
    padding-bottom: 120px;
    height: 800px;
    order: 0;
}
.detail-page .detail_view .swiper_view .swiper .swiper-wrapper .swiper-slide img{
    width: 100%;
    height: 680px;
    object-fit: cover;
    border-radius: 10px;
}
.detail-page .detail_view .swiper_view .swiper .swiper-button-prev{
    color: rgba(254, 176, 67,1);
}
.detail-page .detail_view .swiper_view .swiper .swiper-button-next{
    color: rgba(254, 176, 67,1);
}


.detail-page .detail_view .thumbs_view{
    width: 680px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px 0px;
    position: absolute;
    left: 0;
    top: 690px;
    border-bottom: coral;
}

.detail-page .detail_view .thumbs_view .zan_view{
    width: auto;
    border-radius: 0;
    padding: 14px 40px;
    box-sizing: border-box;
    cursor: pointer;
    background: var(--theme1);
    color: #fff;
    border: none;
    flex: 1;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
    display: flex;
    flex-direction: column;
}


.detail-page .detail_view .info_view{
    width: 485px;
    box-sizing: border-box;
    background: none;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
}

.detail-page .detail_view .info_view .title_view{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid var(--theme);
}

.detail-page .detail_view .info_view .title_view .detail_title{
    font-size: 22px;
    color: #000;
    font-weight: bold;
}


.detail-page .detail_view .info_view .info_item{
    padding: 8px 16px;
    display: flex;
    align-items: center;
    min-height: 50px;
    width: 100%;
    border-bottom: 1px solid var(--theme);
}

.detail-page .detail_view .info_view .info_item .info_label{
    width: auto;
    text-align: left;
    margin: 0px 16px 0px 0px;
    white-space: nowrap;
    color: rgba(158, 158, 158, 1);
}

.detail-page .detail_view .info_view .info_item .info_text{
    font-size: inherit;
    color: inherit;
}

.detail-page .detail_view .info_view .info_item .countDown{
    background: rgba(226, 242, 255, 1);
    line-height: 36px;
    padding: 0 10px;
    border-radius: 0px;
    color: var(--theme);
    font-weight: 700;
    font-size: 20px;
}

.detail-page .detail_view .info_view .info_item .info_price{
    color: rgba(202, 0, 0, 1);
    font-size: 24px;
}

.detail-page .detail_view .info_view .info_item .down_btn{
    padding: 5px 20px;
    background: var(--theme);
    color: #fff;
    border: 0px solid;
}

.detail-page .detail_view .info_view .info_item .undown_btn.is-disabled{
    background: rgb(255, 255, 255);
    color: rgb(153, 153, 153);
    padding: 5px 20px;
}

.detail-page .detail_view .info_view .info_item .info_link{
    color: #666;
    cursor: pointer;
}


.detail-page .detail_view .info_view .btn_view{
    padding: 0px;
    display: flex;
    margin: 20px 0px;
    flex-wrap: wrap;
    width: 100%;
}

.detail-page .detail_view .info_view .btn_view .inputNumber{
    position: relative;
    display: inline-block;
    line-height: 38px;
    margin: 0px 0px 20px 0px;
    width: 100%;
}

.detail-page .detail_view .info_view .btn_view .inputNumber .el-input-number__decrease{
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 1px;
    width: 40px;
    text-align: center;
    background: rgb(245, 245, 245);
    cursor: pointer;
    border-radius: 4px 0px 0px 4px;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: rgb(220, 223, 230);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    background: none;
}

.detail-page .detail_view .info_view .btn_view .inputNumber .el-icon-minus{
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.detail-page .detail_view .info_view .btn_view .inputNumber .el-input-number__increase{
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 1px;
    width: 40px;
    text-align: center;
    background: rgb(245, 245, 245);
    cursor: pointer;
    border-radius: 0px 4px 4px 0px;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: rgb(220, 223, 230);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    background: none;
}

.detail-page .detail_view .info_view .btn_view .inputNumber .el-icon-plus{
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.detail-page .detail_view .info_view .btn_view .inputNumber .el-input .el-input__inner{
    background: rgb(255, 255, 255);
    border-radius: 4px;
    border: 1px solid var(--theme);
    color: rgb(102, 102, 102);
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    outline: none;
    width: 100%;
    text-align: center;
}


.detail-page .detail_view .info_view .btn_view .addCart_btn{
    background: var(--theme);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .addCart_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .action_btn{
    background: var(--theme);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .action_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .sucAction_btn{
    background: var(--theme);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .sucAction_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .unAction_btn{
    background: rgb(171 171 171);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .unAction_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .buyNow_btn{
    background: var(--theme);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .buyNow_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .openGroup_btn{
    background: var(--theme);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .openGroup_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .goGroup_btn{
    background: var(--theme);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .goGroup_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .jf_btn{
    background: var(--theme);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .jf_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .book_btn{
    background: rgba(56, 92, 126, 1);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .book_btn:hover{
    opacity: 0.8;
}


.detail-page .detail_view .info_view .btn_view .cross_btn{
    background: rgba(55, 148, 238, 1);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .cross_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .approval_btn{
    background: rgba(70, 142, 212, 1);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .approval_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .read_btn{
    background: rgba(29, 94, 153, 1);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .read_btn:hover{
    opacity: 0.8;
}

.detail-page .detail_view .info_view .btn_view .edit_btn{
    background: rgba(37, 119, 194, 1);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .edit_btn:hover{opacity: 0.8;}

.detail-page .detail_view .info_view .btn_view .del_btn{
    background: rgba(204, 0, 0,1);
    color: rgb(255, 255, 255);
    border: none;
    height: 38px;
    margin: 0px 10px 10px 0px;
}
.detail-page .detail_view .info_view .btn_view .del_btn:hover{
    background: rgba(204, 0, 0,.8);
}




.detail-page .tabs_view{
    background: rgb(255, 255, 255);
    border: 1px solid var(--theme);
    box-shadow: none;
    margin: 20px 0px;
    order: 5;
    
    width: 100%;
    
}
.detail-page .tabs_view .el-tabs__header{
    background-color: var(--theme);
    border-bottom: 0px solid #dfe4ed;
    margin: 0;
    
    flex-shrink: 0;
}

.detail-page .tabs_view .el-tabs__header .el-tabs__nav-scroll{
    background: rgb(255, 255, 255);
    border-width: 0px 0px 0px;
    border-style: solid;
    border-color: rgb(228, 231, 237);
    margin: 0px;
}

.detail-page .tabs_view .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav{
    width: 100%;
    background: var(--theme1);
}

.detail-page .tabs_view .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{
    padding: 0px 20px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    list-style: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin: 6px;
}

.detail-page .tabs_view .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:hover{
    color: rgb(255, 255, 255);
    background: var(--theme);
    
}

.detail-page .tabs_view .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active{
    color: #fff;
    background: var(--theme);
    border: 0px;
}

.detail-page .tabs_view .el-tabs__content{
    padding: 15px;
    width: 100%;
}



.detail-page .tabs_view .el-tabs__content .el-tab-pane .my_comment_view{
    width: 100%;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .my_comment_view .my_comment_form{
    width: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .my_comment_view .my_comment_form .el-textarea__inner{
    width: 100%;
    min-height: 120px;
    padding: 12px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    border: 1px solid var(--theme);
    box-shadow: none;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .my_comment_view .comment_btn{
    width: 100%;
    display: flex;
    padding-left: 20px;
    justify-content: flex-end;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .my_comment_view .comment_btn .add_btn{
    background: var(--theme);
    color: rgb(255, 255, 255);
    border: none;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .my_comment_view .comment_btn .reset_btn{
    background: rgb(255, 85, 0);
    color: rgb(255, 255, 255);
    border: none;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list{
    width: 100%;
    margin: 30px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment{
    width: 100%;
    border: 1px solid var(--theme);
    padding: 10px;
    box-sizing: border-box;
    margin: 0px 0px 20px;
    border-radius: 10px;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment .comment_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment .comment_top .comment_user{
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment .comment_top .comment_user .comment_user_img{
    font-size: 0px;
    margin: 0px 10px 0px 0px;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment .comment_top .comment_user .comment_user_info{
    font-size: 16px;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment .comment_top .comment_time{
    font-size: 15px;
    color: rgb(153, 153, 153);
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment .comment_bottom{
    padding: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: var(--theme-light);
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment .comment_bottom .comment_content{
    font-size: 16px;
    color: #666;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .comment_list .comment .comment_bottom .comment_reply{
    padding: 10px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    text-indent: 2rem;
    color: #999;
    background: var(--theme-light);
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
}




.detail-page .tabs_view .el-tabs__content .el-tab-pane .chapter_box{
    width: 100%;
    padding: 10px;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .chapter_box .chapter_title{
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 2;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: initial;
    text-align: left;
    margin-top: 20px;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .chapter_box .chapter_list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin: 20px 0px 0px;
    justify-content: space-between;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .chapter_box .chapter_list .chapter_item{
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    color: #000;
    display: flex;
    align-items: center;
    border-radius: 0;
    padding: 0 60px;
    background: url(http://clfile.zggen.cn/20250122/86a4aef0bc504047b563c12652899b7a.webp);
    width: 350px;
    height: 52px;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .chapter_box .chapter_list .chapter_item span{
    color: inherit;
    line-height: 40px;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .chapter_box .chapter_list .chapter_item .icon-suoding1{
    position: absolute;
    right: 6px;
    font-size: 16px;
    top: 50%;
    margin: -8px 0px 0px;
    color: var(--theme);
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .chapter_box .chapter_list .chapter_item .icon-jiesuo1{
    position: absolute;
    right: 6px;
    font-size: 16px;
    top: 50%;
    margin: -8px 0px 0px;
    color: rgb(153, 153, 153);
}




.detail-page .tabs_view .el-tabs__content .el-tab-pane .seatList{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .seatList .seat{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    flex-direction: column;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .seatList .seat img{
    width: 40px;
    cursor: pointer;
}

.detail-page .tabs_view .el-tabs__content .el-tab-pane .seatList .seat .seatText{
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 500;
}


.detail-page .detail_view .thumbs_view .can_view {
    background: rgba(146, 164, 169, 1);
    color: #fff;
}

.detail-page .detail_hot_view {
    order: 5;
    width: 100%;
}

.detail-page .break {
    width: 100%;
}


.detail-page span.del {
    color: #9d0606;
}

.detail-page .comment_action {
    text-align: right;
    width: 100%;
}

.detail-page span.el-rate__item {
    line-height: 40px;
}

.detail-page .detail_view .thumbs_view .zan_view:hover {
    color: #fff;
    background: var(--theme);
}

.collect_view {
    background: rgba(226, 242, 255, 1);
    padding: 6px;
    border-radius: 6px;
}

.detail_hot_view{
    width: 100%;
    background: #fff;
    order:7;
    position:relative;
    margin-top: 30px;
}

.detail_hot_view .detail_hot_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    border:0px solid #eee;
    border-top:none;
    padding-top: 20px;
    gap: 30px 22px;
}

.detail_hot_view .detail_hot_list .detail_hot{
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    border:1px solid #eee;
    box-shadow: 0px 2px 10px 0px rgba(127,192,255,0.5);
    border-radius: 0px 30px 0px 0px;
}
.detail_hot_view .detail_hot_list .detail_hot:nth-child(4n){
    margin-right:0px;
} 

.detail_hot_view .detail_hot_list .detail_hot .detail_hot_img_view .detail_hot_img{
    width: 200px;
    height: 130px;
    border-radius: 0px 30px 0px 0px;
}
.detail_hot_view .detail_hot_list .detail_hot .detail_hot_img_view .detail_hot_img .el-image__inner{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.detail_hot_view .detail_hot_list .detail_hot .detail_hot_content{
    width: 100%;
}
.detail_hot_view .detail_hot_list .detail_hot .detail_hot_content .detail_hot_text:nth-child(1){
    font-size: 15px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    line-height: 40px;
    background: var(--theme);
    border-radius: 0px 30px 0px 0px;
    padding: 0 10px;
}

.detail_hot_title {
    background: url(http://clfile.zggen.cn/20250121/31e86abd78bd43c8a709b379e8353ee7.webp);
    background-size: 100% 100%;
    width: 880px;
    font-size: 28px;
    color: #023F7A;
    line-height: 54px;
    padding-left: 40px;
    height: 60px;
}

.breadcrumb-wrapper .bread_view {
    width: 100vw;
    padding: 0 calc(50vw - 600px);
    position: relative;
    left: calc(-50vw + 600px);
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    background: none;
}
